// import React from 'react';
// import "./style.css"
// import "../player.css"
//
// import DisableRecordScreen from "../../components/DisableRecordScreen";
// import ChatListVertical from '../../components/ChatListVertical';
// import VideoAd from '../../components/VideoAd';
// import RecommendGood from '../../components/RecommendGood';
//
// import InteractionControl from '../../components/InteractionControl';
// import MarketingControl from '../../components/MarketingControl';
//
// import OnlineAudienceEnter from '../../components/OnlineAudienceEnter'
// import mzsdk from '../../../../utils/mzsdk';
//
// export default class VerticalPlayer extends React.Component {
//     /**
//      * 竖屏播放器
//      *
//      * @param {isShowErrorDisplay} props 是否显示错误信息
//      * @param {errorContent} props 错误信息内容
//      * @param {ticketInfo} props 当前活动信息
//      * @param {ticketId} props 当前活动ID
//      *
//      * @param {chatList} props 聊天消息列表
//      * @param {getRef} props 返回自己的Ref
//      */
//
//     constructor(props) {
//         super(props);
//         this.state = {
//             isShowRecommendGood: true,
//
//             msgBoxIsPointEventEnable: false,
//         }
//     }
//
//     componentWillUnmount() {
//         mzsdk.mzee.off('vertical_chat_pointEvent_enable')
//         mzsdk.mzee.off('goodDetail-update-list')
//     }
//
//     componentDidMount() {
//         this.props.getRef(this);
//
//         var _this = this;
//         mzsdk.mzee.on('vertical_chat_pointEvent_enable', function (e) {
//             _this.setState({
//                 msgBoxIsPointEventEnable: true
//             })
//         })
//         mzsdk.mzee.on("goodDetail-update-list", function (e) {
//             console.log('abccba:',e)
//             _this.setState({
//                 isShowRecommendGood: e.goodDetail && e.goodDetail.list.length > 0 ? true : false
//             })
//         })
//     }
//
//     // 获取防录屏的Ref
//     getDisableRecordScreen = (ref) => {
//         this.disableRecordScreenRef = ref;
//     }
//
//     // 开启防录屏
//     startDisableRecordScreenDiv = (nickname) => {
//         if (this.disableRecordScreenRef && this.props.isShowErrorDisplay == false) {
//             let disableString = "防录屏文字";
//             if (nickname && nickname.length > 0) {
//                 disableString = nickname;
//             }
//             this.disableRecordScreenRef.startDisableRecordScreenRef(disableString);
//         }
//     }
//
//     // 关闭防录屏
//     endDisableRecordScreenDiv = () => {
//         if (this.disableRecordScreenRef && this.props.isShowErrorDisplay == false) {
//             this.disableRecordScreenRef.endDisableRecordScreenRef();
//         }
//     }
//
//     render() {
//         let { isShowRecommendGood, msgBoxIsPointEventEnable } = this.state;
//         return (
//             <div className={this.props.ticketInfo && this.props.ticketInfo.status == 2 ? 'main-top-vertical' : 'main-top-vertical live-video-background'} ref={ref => this.disableRecordScreenPartnerRef = ref}>
//                 <div>12321312312</div>
//                 {/*{*/}
//                 {/*    this.props.isShowErrorDisplay && this.props.isShowErrorDisplay == true ?*/}
//                 {/*        <div className={'main-top-video-vertical'}>*/}
//                 {/*            <img className="errorImage" width="100%" height="100%" src={this.props.ticketInfo ? this.props.ticketInfo.cover : ''} />*/}
//                 {/*            <div className="errorContent">{this.props.errorContent}</div>*/}
//                 {/*        </div> :*/}
//                 {/*        <div>*/}
//                 {/*            <div className={'main-top-video-vertical'} id="mz-video-wrapper" />*/}
//                 {/*            {*/}
//                 {/*                <DisableRecordScreen*/}
//                 {/*                    partnerRef={this.disableRecordScreenPartnerRef}*/}
//                 {/*                    getRef={this.getDisableRecordScreen}*/}
//                 {/*                >*/}
//                 {/*                </DisableRecordScreen>*/}
//                 {/*            }*/}
//                 {/*            {*/}
//                 {/*                this.props.ticketInfo && <OnlineAudienceEnter ticketInfo={this.props.ticketInfo} />*/}
//                 {/*            }*/}
//                 {/*        </div>*/}
//                 {/*}*/}
//                 {/*<div className="vertical-interaction-control">*/}
//                 {/*    <InteractionControl ticketId={this.props.ticketId} isVertical={true}/>*/}
//                 {/*</div>*/}
//                 {/*<div className="recommendGood-vertical-background" style={{ display: isShowRecommendGood ? 'block' : 'none' }}>*/}
//                 {/*    <RecommendGood />*/}
//                 {/*</div>*/}
//                 {/*<div className="chatMsgBox" style={{ bottom: isShowRecommendGood ? '3.3rem' : '1.72rem', height: msgBoxIsPointEventEnable == true ? '3.2rem' : '1.5rem'}}>*/}
//                 {/*    <ChatListVertical list={this.props.chatList} />*/}
//                 {/*</div>*/}
//                 {/*<VideoAd*/}
//                 {/*    type={2}*/}
//                 {/*    ticketId={this.props.ticketId}*/}
//                 {/*    poster={this.props.ticketInfo ? this.props.ticketInfo.cover : ''}*/}
//                 {/*>*/}
//                 {/*</VideoAd>*/}
//                 {/*{*/}
//                 {/*    this.props.ticketInfo && this.props.isShowFullScreenAd == false && <MarketingControl className="mz-vertical-marketing-control" ticketId={this.props.ticketId} ticketInfo={this.props.ticketInfo} />*/}
//                 {/*}*/}
//             </div>
//         );
//     }
// }
